// 详情页公共样式
.details-page {
  .line {
      display: flex;
      .showMonth {
          display: flex;
          align-items: center;
          &+.showMonth {
              margin-left: 15px;
          }
          .round {
              width: 10px;
              height: 10px;
              border-radius: 50%;
              margin-right: 5px;
          }
          .round1 {
              background: #e16757;
          }
          .round2 {
              background: #78b2eb;
          }
      }
      .showMonth_navList-item {
          width: 100px;
          line-height: 30px;
          text-align: center;
          cursor: pointer;
          user-select: none;
          &+.showMonth_navList-item {
              margin-left: 10px;
          }
      }
      .showMonth_navList-item_active {
          background: #409EFF;
          color: #FFF;
      }
  }
  .month-chartContent {
      display: flex;
      .mChunk1 {
          width: 100%;
      }
  }
  .cutTableChart_icon {
    display: flex;
    align-items: center;
    color: #999;
    cursor: pointer;
    .svg-icon {
        font-size: 22px;
        &+.svg-icon {
            margin-left: 15px;
        }
    }
    .showMonth_cutIcon_active {
        color: #e1322d;
    }
  }
}


// 菜单栏缩小，UI兼容
.hideSidebar .main-container .details-page .scrollCard {
    // 详情头部浮块
    width: calc(100% - 54px)
}